/* ── Custom properties ──────────────────────────────────── */
:host {
--enviso-primary-color: #43D9EC;
--enviso-secondary-color: #111111;
--enviso-tertiary-color: #F8F3EC;
}
/* ── Card host: remove default white card look ───────────── */
:host(:has(section.enviso-offer-card)) {
background: #111111;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Card section: make it a positioned container ────────── */
section.enviso-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
}
/* ── Image container fills the full card ─────────────────── */
.enviso-offer-availability-picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
/* ── Image itself fills its container ───────────────────── */
span.enviso-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
border-radius: 0;
}
/* ── Gradient overlay sits above the image ───────────────── */
.enviso-offer-availability-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
z-index: 1;
}
/* ── Text info block: pinned above the buttons ───────────── */
.enviso-offer-info {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
padding: 0 0.85em 0.25em;
min-height: unset;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
summary.enviso-offer-details > span {
color: rgba(255, 255, 255, 0.75);
}
p.enviso-offer-short-description > span {
color: rgba(255, 255, 255, 0.7);
}
.enviso-btn.primary {
color: #000;
}
/* ── Action buttons: pinned at the bottom ────────────────── */
nav.enviso-offer-actions {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
border-top: none;
padding: 0 0.75em 0.65em;
gap: 0.5em;
background: transparent;
}
nav.enviso-offer-actions > enviso-button {
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.75) !important;
border-radius: 99em !important;
font-family: "Maison Neue Demi", Arial, sans-serif;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
height: 2.8em;
font-size: 0.9em;
}
/* override the separator rule so both borders are white */
nav.enviso-offer-actions > enviso-button + enviso-button {
border-left: 1.5px solid rgba(255, 255, 255, 0.75) !important;
}
/* ════════════════════════════════════════════════════════════
UPSELL / CAROUSEL CARD — mirrors the offer card treatment
════════════════════════════════════════════════════════════ */
/* ── Host: strip default card chrome ────────────────────── */
:host(:has(section.enviso-upsell-offer-card)) {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
background: transparent;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Size the cross-sell card from its parent shadow root ── */
enviso-cross-sell-offer-card {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
max-width: 350px;
}
/* ── Outer section + inner content: single stacking context ─ */
section.enviso-upsell-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
width: 100%;
}
.enviso-card-content {
position: absolute;
inset: 0;
display: block;
background: transparent;
box-shadow: none;
border-radius: 20px;
width: 100%;
height: 100%;
overflow: hidden;
}
/* ── Children of card-content: remove their own flex layout ─ */
.enviso-card-content > div {
display: block;
}
/* ── Image fills the card ────────────────────────────────── */
div.enviso-upsell-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
background-size: cover;
background-position: center;
border-radius: 0;
}
/* ── Gradient overlay ────────────────────────────────────── */
div.enviso-upsell-offer-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
}
/* ── Title: pinned above the action row ─────────────────── */
header.enviso-offer-name {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
margin: 0;
padding: 0 0.85em 0.25em;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
/* ── "Meer info" pill button ─────────────────────────────── */
summary.enviso-offer-details {
z-index: 2;
display: none;
}
summary.enviso-offer-details:has(span:not(:empty)) {
display: inline-flex;
align-items: center;
justify-content: center;
height: 2.8em;
padding: 0 1.2em;
border: 2px solid rgba(255, 255, 255, 0.75);
border-radius: 99em;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
cursor: pointer;
}
summary.enviso-offer-details > span {
color: #ffffff;
font-family: "Maison Neue Demi", Arial, sans-serif;
font-size: 0.9em;
text-decoration: none;
}
/* ── Action row: pinned at the bottom ────────────────────── */
.enviso-details-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 0.75em 0.65em;
background: transparent;
}
/* ── Reset the price/details child div ───────────────────── */
.enviso-details-container > div {
font-size: 1em;
margin: 0;
}
/* ── + icon: strip button chrome, show just the icon ────── */
.enviso-upsell-button {
color: #ffffff !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
backdrop-filter: none !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
font-size: 2em;
padding: 0 !important;
}
/* ── + icon internals (enviso-button shadow DOM) ─────────── */
:host(.enviso-upsell-button) {
border: none !important;
background: transparent !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
padding: 0 !important;
}
:host(.enviso-upsell-button) .enviso-btn {
padding: 0 !important;
width: auto !important;
height: auto !important;
}
:host(.enviso-upsell-button) .enviso-btn.icon-only > enviso-icon {
display: block;
}
:host(.enviso-upsell-button) svg {
fill: #ffffff !important;
}
/* ════════════════════════════════════════════════════════════
CALENDAR — tweak the variables below to restyle the picker
════════════════════════════════════════════════════════════ */
:host {
/* gap between every date cell */
--cal-cell-spacing: 6px;
/* corner rounding on each cell */
--cal-cell-radius: 6px;
/* border colour of available cells */
--cal-cell-border: rgba(0, 0, 0, 0);
/* normal cell background */
--cal-cell-bg: #FFF3E8 !important;
/* disabled / past cell */
--cal-cell-disabled-bg: #f0f0f0;
--cal-cell-disabled-color: #bbbbbb;
/* today highlight colour */
--cal-today-color: #FDD6AF;
/* selected / range cell */
--cal-selected-color: #FDD6AF;
}
/* ── Calendar host: border & radius ─────────────────────── */
:host(:has(table.enviso-month)) {
border: 2px solid var(--cal-today-color);
border-radius: 16px;
overflow: hidden;
}
/* ── Separate cells with configurable gap ─────────────────── */
table.enviso-month {
border-collapse: separate;
border-spacing: var(--cal-cell-spacing);
}
/* ── Square cells
The widget ships height: 3.5em which turns cells into rectangles
once border-spacing eats into the column width.
With table-layout: fixed the browser sets all column widths first,
then aspect-ratio: 1 derives the row height from that width. ── */
.enviso-day {
aspect-ratio: 1 / 1;
}
/* ── Cell base appearance ────────────────────────────────── */
.enviso-dates .enviso-day {
border: 1px solid var(--cal-cell-border) !important;
background-color: var(--cal-cell-bg);
border-radius: var(--cal-cell-radius);
}
/* ── Hover: non-disabled cells get the accent border ────── */
.enviso-dates .enviso-day:not(.enviso-disabled):hover {
border: 2px solid var(--cal-today-color) !important;
}
/* ── State overrides ─────────────────────────────────────── */
.enviso-day.enviso-disabled {
background-color: var(--cal-cell-disabled-bg) !important;
color: var(--cal-cell-disabled-color) !important;
}
.enviso-day.enviso-today {
color: #000000 !important;
position: relative;
}
.enviso-day.enviso-today::after {
content: '';
position: absolute;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #000000 !important;
}
.enviso-dates .enviso-day.enviso-selected,
.enviso-dates .enviso-day.enviso-range-start,
.enviso-dates .enviso-day.enviso-range-end {
outline-color: var(--cal-selected-color) !important;
border-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-selected {
background-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-in-range {
border-color: var(--cal-selected-color) !important;
}
/* ── Timeslot buttons ─────────────────────────────────────── */
.enviso-timeslot-button {
background-color: var(--cal-cell-bg) !important;
border: 1px solid var(--cal-today-color) !important;
border-radius: var(--cal-cell-radius) !important;
color: #000000 !important;
position: relative;
}
:host([selected]) .enviso-timeslot-button {
background-color: var(--cal-today-color) !important;
}
.enviso-timeslot-button::after {
content: '';
width: 0;
height: 0;
}
/* ── Cross-sell timeslots: remove margin-left on mobile ──── */
@media (max-width: 845px) {
.enviso-cross-sell-timeslots-container {
margin-left: 0 !important;
}
}
11 reacties Commentaar van bezoekers
In het Geldelozepad was er ook een sigarenfabrikant/grossier met de naam Brouwer, alleen de voorletters kloppen dan niet. Ze hadden een fabriek in de Pelserstraat. Ik had deze bewust, vanwege de voorletters, niet genoemd. Er was wel een zoon met dezelfde voorletters, maar die was horlogemaker. Maar omdat het nummer 19 om de hoek kwam kijken, breng ik ze toch maar voor het licht omdat deze Brouwer op 17 zat.
Is er ook te zeggen wat links van deze panden stond gezien het penant links met de aparte lijst links boven aan de foto of vraag ik teveel?
"Heel precies herinneren wij ons de samenstelling van den stoet niet, ofschoon wij hem meermalen duidelijk konden zien voorbijtrekken, dank zij de goede zorgen van de vereeniging „Oranjedag" die voor de pers een auto had gereserveerd. Voorop gingen de auto en het rijtuig van bestuur en jury, dan volgde het Dordrechtsch Harmoniekorps, als een trouwe lijfwacht. Een auto met een reuzentrom, waarboven een transparant met de ware woorden: "Was muziek en zang er niet ’t Leven had geen waarde" vergezelde het korps. En een o zoo zwaarhoofdig monstertje met een knuppel van een trommelstok hield bij den wagen den wacht en deed met zijn malle gebaren en houdingen de heele menschenhaag trillen." Het is dus 1921. In het adresboek van 1922 vind ik een paar personen met de naam "Th. H. Brouwer". De eerste woont aan de singel 313 en maakt sigaren. De tweede is fabrieksarbeider en woont op een bovenwoning aan de M. v. Holijstraat. De derde is sigarenfabrikant en woont op de Voorstraat 195. (nu 253). Nu zou ik graag willen weten hoe Singel 313 rond 1921 kadastraal bekend stond en of het gelijk is aan het pand op nr 475 waarvan we theoretisch verwachten of misschien zelfs wel aannemen dat die hetzelfde zal zijn. Volgens vastgoedloep is het bouwjaar van het huidige 475, 1932, dus ca. tien jaar na het maken van deze foto. Dus zie hier het voormalige pand op de eerder genoemde locatie op de Singel ;) Wil je dat krantenartikel nog even nalezen? Zie : https://preserve2.archieven.nl/mi-46/fonc-rad/DC/DC_1921/DC_1921-09-01/DC_1921-09-01_001.jpg?h=Zm4ybWF0PWRvd25sb2FkJmtleT0yMElBMEcyREcwNEdBNzMxRkYDRTNFM9JGMzgyNUM5QyZmaWxlbmFtZT19Q18xOTIxJTVER9NfMTkyMS0wOS0wMSU1Q0REXz95Mj9tMEktMEFfMEAxLmpwZyZtaWFkdE00NiZtaWFoZE01NTkxMTU0MzYmbWl2YXN0PTQ2JnJkdE0yME91MEYxNCZzZXNzaW4uX2lkPTIzYmVhZjg2Mz95NzBiYzUwMzQ1NjYDMTc0YW9DZTc5
foto 552-325419 laat een andere kozijnindeling zien zowel op de begane grond als op de bovenverdieping dan bovengenoemde foto. ( let op de breedte tussen de penanten en de situering van bovenramen t.o.v. van de beneden kozijnen ) De panden op deze laatst genoemde foto dateren zo te zien van begin 1900/ 1910 en die van bijgevoegde foto lijken mij uit dezelfde bouwperiode. Op foto 552_325419 is duidelijk de ingang tot de Bezemerhof aan de linkerzijde van het bouwblok te zien. Foto hierboven laat links een zwaar penant zien m.i. van een ander gebouw. Bovendien laat foto 555_12044 ook nog veel bomen zien aan de Van Strijsingel. Deze bomen mis ik foto hierboven. Mijn vragen: zijn de panden op foto 552_325419 wel dezelfde als de panden als foto hierboven? Of is er sprake van een drastische verbouwing of staan panden op foto hierboven toch nog op een andere locatie? Je argumentatie van de vernummering is sterk, maar de gevels spreken elkaar m.i. toch tegen. Help me even van mijn blinde vlek :)
Het adresboek van 1930 maakt er melding van dat Th.H. Brouwer sigarenmaker, op de Singel *313 gevestigd is. Dezelfde naam die je op de de gevel op deze foto ziet staan. Dezelfde naam, gekoppeld aan een sigarenzaak zag je ook terug in het Geldelozepad 4 en de Voorstraat 191, maar dat lijkt me verder niet mogelijk. (Senior stierf (65) in 1905 in het Geldelozepad. Junior en moeder/weduwe zie je in het adresboek van 1913 in de Voorstraat 191 weer opduiken. Op diverse foto's is te zien dat de bebouwing, gezien vanaf de Spuiweg richting Huize Rozenhof al bijna tot gelijke hoogte van de Rozenhof was genaderd. Op dordtenazoeker zie ik dat 313zw het nummer 473 heeft gekregen. Dat is nu het laatste nummer voor Huize Rozenhof. Plus de grote lege plek tussen deze twee (die er eerder niet was) plus nog enkele verschuivinkjes in de huisnummers is het voor mij zo klaar als een klontje :) De panden op de foto stonden (of staan deels) aansluitend vanaf het huidige Van Strijsingel 473 richting Huize Rozenhof. (De stijl van de rechtse deur met bovenlicht lijkt ook heel erg op de stijl van huidig nummer 473. Sorry, warriger kon ik het niet vertellen :)